<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="libs/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="" type="text/javascript" charset="utf-8"></script>
		<script src="libs/jquery-easyui-1.5/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="libs/font-awesome-4.6.3/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="libs/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
		<script src="libs/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/base.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="libs/css/homePage.css"/>
	</head>
	<body>
		<div id="header">
			<ul id="logInfo">
				<li><a href="register.html">注册</a></li>
				<li>|</li>
				<li><a href="login.html">登录</a></li>
				<li><a href="#">订单查询</a></li>
			</ul>
			
			<ul id="rightInfo">
				<li>客服热线</li>
				<li><i class="fa fa-star-o"></i>关注我们</li>
				<li><a href="cart.html">购物袋</a></li>
			</ul>
		</div>
		<div id="nav">
			<ul>
				<li><a href="#"><img src="libs/img/ewm_indexTop.png"/></a><img src="libs/img/ewm_txt.png"/></li>
				<li><a href="#"><img src="libs/img/meicilogo.png"/></a></li>
				<li><label><input type="text" placeholder="请输入搜索关键字"/><img src="libs/img/searchBtn.gif"/></label></li>
			</ul>
		</div>
		<div id="banner">
			<ul>
				<li><a href="homePage.html">首页</a></li>
				<li><a href="goodsList.html">新近单品</a></li>
				<li><a href="goodsList.html">女士</a></li>
				<li><a href="goodsList.html">男士</a></li>
				<li><a href="goodsList.html">童装</a></li>
				<li><a href="goodsList.html">腕表</a></li>
				<li><a href="goodsList.html">品牌</a></li>
				<li><a href="goodsList.html">特惠区</a></li>
				<li><a href="goodsList.html"><img src="libs/img/M.jpg"/></a></li>
			</ul>
		</div>
		<div id="goods_li">			
		</div>
		<div id="big_box">	
		</div>
		
		<div id="container">
			<div id="con0">
				<h2>编辑推荐</h2>
				<ul class="ul1">
					<li><img src="libs/img/pic_a.jpg"/></li>
					<li><img src="libs/img/pic_b.jpg"/></li>
				</ul>
					<img src="libs/img/pic_e.jpg"/>
				<ul class="ul2">
					<li><img src="libs/img/pic_c.jpg"/></li>
					<li><img src="libs/img/pic_d.jpg"/></li>
				</ul>		
			</div>
			<div id="con1">
				<h2>编辑推荐</h2>
				<ul class="ul1">
					<li><img src="libs/img/pic_a.jpg"/></li>
					<li><img src="libs/img/pic_b.jpg"/></li>
				</ul>
					<img src="libs/img/pic_e.jpg"/>
				<ul class="ul2">
					<li><img src="libs/img/pic_c.jpg"/></li>
					<li><img src="libs/img/pic_d.jpg"/></li>
				</ul>		
			</div>
			<div id="con2">
				<h2>编辑推荐</h2>
				<ul class="ul1">
					<li><img src="libs/img/pic_a.jpg"/></li>
					<li><img src="libs/img/pic_b.jpg"/></li>
				</ul>
					<img src="libs/img/pic_e.jpg"/>
				<ul class="ul2">
					<li><img src="libs/img/pic_c.jpg"/></li>
					<li><img src="libs/img/pic_d.jpg"/></li>
				</ul>		
			</div>
			<div id="con3">
				<h2>正被选购</h2>
				<ul id="ul3">
					<li><img src="libs/img/ri_0.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
					<li><img src="libs/img/ri_1.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
					<li><img src="libs/img/ri_2.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
					<li><img src="libs/img/ri_3.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
					<li><img src="libs/img/ri_4.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
					<li><img src="libs/img/ri_5.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
					<li><img src="libs/img/ri_6.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
					<li><img src="libs/img/ri_7.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
					<li><img src="libs/img/ri_8.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
					<li><img src="libs/img/ri_9.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
					<li><img src="libs/img/ri_10.jpg"/><br/><span>给钱给钱￥19999正品阿玛尼</span></li>
				</ul>
			</div>
			<div id="con4">
				<h2>时尚推荐</h2>
				<ul id="ul4">
					<li><img src="libs/img/pic_f.jpg"/></li>
					<li><img src="libs/img/pic_f.jpg"/></li>
					<li><img src="libs/img/pic_f.jpg"/></li>
				</ul>
			</div>
			<div id="con5">
				<img src="libs/img/pic_h.jpg" />
			</div>
			<div id="con6">
				<h2>体验更多</h2>
				<ul>
					<li><img src="libs/img/pho_a.jpg"/></li>
					<li><img src="libs/img/pho_c.jpg"/><input type="text"/><button>点击订阅</button></li>
					<li><img src="libs/img/pho_b.jpg"></li>
				</ul>
			</div>
			<div id="con7">
				<dl>
					<dt>购物指南</dt>
					<dd>支付方式</dd>
					<dd>退货物流</dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd>支付方式</dd>
					<dd>退货物流</dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd>支付方式</dd>
					<dd>退货物流</dd>
				</dl>
				<dl>
					<dt>购物指南</dt>
					<dd>支付方式</dd>
					<dd>退货物流</dd>
				</dl>
				<ul>
					<li>订购热线</li>
					<li>18825603358</li>
				</ul>
				<ul>
					<li>在线客服</li>
					<li><img src="libs/img/qq.jpg"/></li>
				</ul>
				<ul>
					<li>美西时尚APP<img src="libs/img/mx.jpg"/></li>
					
				</ul>
			</div>
			<div id="con8">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">关于美西</a></li>
					<li><a href="#">加入我们</a></li>
					<li><a href="#">坚持</a></li>
					<li><a href="#">你比别人</a></li>
					<li><a href="#">有毅力</a></li>
					<li><a href="#">坚持</a></li>
					<li><a href="#">你比别人</a></li>
					<li><a href="#">有毅力</a></li>
				</ul>
			</div>
		</div>
		
		<iframe src="footer.html" width="100%" height="100%" style="border: none;"></iframe>
		<script type="text/javascript">
			//鼠标移动到banner栏加载页面进来
			/*$('#banner ul li').eq(0).mouseenter(function(){
				$('#goods_li').show();
				$('#goods_li').load('slideon.html?_='+Math.random());
			});*/
			for(var i=1;i<$('#banner ul li').length;i++){
				$('#banner ul li').eq(i).mouseover(function(){
					$('#goods_li').show();
					$('#goods_li').load('slideon.html?_='+Math.random());
				});
				$('#banner ul li').eq(i).mouseleave(function(){
					$('#goods_li').hide();
					//$('#goods_li').load('slideon.html?_='+Math.random());
				});
			}
			
			$('#big_box').load('test.html?_='+Math.random());
			
			//商品展示轮播图
			function show(){
				var index=0;
				var len = $('#ul3').innerHTML;
				$('#ul3').innerHTML += $('#ul3').innerHTML;
				$('#ul3').innerHTML = $('#ul3').innerHTML + len;
				var timer=setInterval(changeMove,3000);
				//移动图片
				function changeMove(){
					
					index++;
					//ul要移动的间距
					var cLeft = -index*200;
					//console.log($('#ul3 li').length);
					$('#ul3').animate({left:cLeft},1000,function(){
						if(index >=$('#ul3 li').length/2){
							index=0;
							$("#ul3").css('left',0);
							
						}
					});
				}
			}
			show();
			//测试购买
			$('#con0 ul li').eq(0).click(function(){
				//console.log($(this));
				var name="外套";
				var price = 120;
				var d = new Date();
				d.setDate(d.getDate()+7);
				setCookie(name,price,d);
				console.log(getCookie(name));
			});
		</script>
	</body>
</html>